<template>
  <div class="dashboard-cc">
    <div class="header">
      <dashboard-header />
    </div>
    <div class="main">
      <div class="left menu"><dashboard-menu /></div>
      <!-- 使用layout -->
      <nuxt />
    </div>
  </div>
</template>

<script>
import dbMenu from '@/components/views/dashboard-menu/index.vue';
import dbHeader from '@/components/views/dashboard-header/index.vue';
export default {
  name: 'dashboard-cc',
  components: {
    'dashboard-menu': dbMenu,
    'dashboard-header':dbHeader
  },
  created() {
    console.log('布局：',this.$nuxt.$route.params.id)
  }
};
</script>

<style lang="less" scoped="scoped">
.dashboard-cc {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  .header {
    height: 50px;
  }
  >.main {
    flex: 1;
    display: flex;
  }
}
</style>
